<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="node_modules/vue/dist/vue.js"></script>
</head>
<style>
    td{
        width: 200px;
        background-color: green;
    }
</style>
<body>
<div id="app">
<table>

    <!--    遍历数组-->
    <!--<tr v-for="(user,i) in users">-->
        <!--<td>{{i}}</td>-->
        <!--<td>{{user.name}}</td>-->
        <!--<td>{{user.gender}}</td>-->
        <!--<td>{{user.age}}</td>-->
    <!--</tr>-->
    <!--    遍历对象-->
    <span v-for="(v,k,i) in user">
       {{i}}-{{v}}-{{k}},
    </span>




</table>

</div>
<script>
   var  dataobj={
       name:"柯震南",
           num:0,
       users:[
           {name:'柳岩', gender:'女', age: 21},
           {name:'有哥', gender:'男', age: 30},
           {name:'范冰冰', gender:'女', age: 24},
           {name:'刘亦菲', gender:'女', age: 18},
           {name:'古力娜扎', gender:'女', age: 25}
       ],
       user: {name:'柳岩', gender:'女', age: 21}
   };



    var vm = new Vue({
        el:"#app",
       data:dataobj




    })

</script>


</body>
</html>